{% extends 'layout.html' %}

{% block content %}

<!--博客文章内容-->
<div class="listBox">
    <h1>{{content.title}}</h1>
    <p class="colDefault">
        作者 : <span class="colInfo">{{content.user.username}}</span> -
        时间 : <span class="colInfo">{{content.addTime|date('Y-m-d H:i:s',-8*60)}}</span> -
        阅读 : <span class="colInfo">{{content.views}}</span> -
        评论 : <span class="colInfo">{{content.comments.length}}</span>
    </p>
    <dfn>
        <p>{{content.description}}</p>
        <br>
        {{content.content}}
    </dfn>
</div>

<!--博客评论-->
<div class="listBox message">
    <h3 class="textLeft">
        <strong>评论</strong>
        <span class="em">一共有<em class="messageCount">0</em>条评论</span>
    </h3>

    {% if userInfo._id %}
    <p class="textLeft">aasdsa</p>
    <p class="textLeft clear">
        <textarea name="messageContent" id="messageContent" cols="30" rows="10"></textarea>
        <!--隐藏域-->
        <input type="hidden" id="contentId" value="{{content.id}}">
        <button class="submit" id="messageBtn">提交</button>
    </p>
    {% else %}
    <p class="bgDanger">你还没有登录，请先登录！</p>
    {% endif %}

    <div class="messageList"></div>

    <div class="pager">
        <ul class="clear">
            <li class="previous">
                <a href="#">上一页</a>
            </li>
            <li></li>
            <li class="next">
                <a href="#">下一页</a>
            </li>
        </ul>
    </div>

    <!--<div class="messageList">-->
        <!--<div class="messageBox">-->
            <!--<p class="name clear">-->
                <!--<span class="fl"></span>-->
                <!--<span class="fr"></span>-->
            <!--</p>-->
            <!--<p></p>-->
        <!--</div>-->
    <!--</div>-->
</div>

<!--页眉-->
<!--<div class="pager">-->
    <!--<ul class="clear">-->
        <!--<li class="previous">-->
            <!--{% if page <= 1 %}-->
            <!--<span>没有上一页了</span>-->
            <!--{% else %}-->
            <!--<a href="/?category={{category.id}}&page={{page-1}}">上一页</a>-->
            <!--{% endif %}-->
        <!--</li>-->

        <!--<li>-->
            <!--{% if pages > 0 %}-->
            <!--<strong>{{page}} / {{pages}}</strong>-->
            <!--{% else %}-->
            <!--<p>当前分类无博客</p>-->
            <!--{% endif %}-->
        <!--</li>-->

        <!--<li class="next">-->
            <!--{% if page >= pages %}-->
            <!--<span>没有下一页了</span>-->
            <!--{% else %}-->
            <!--<a href="/?category={{category.id}}&page={{page+1}}">下一页</a>-->
            <!--{% endif %}-->
        <!--</li>-->
    <!--</ul>-->
<!--</div>-->

<script src="../../public/js/comment.js"></script>

{% endblock %}